<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        <style>
            div{
                border: 2px solid;
                border-color: aquamarine;
            }
            span{
                cursor: pointer;
                border: 2px solid;
                border-color: aqua;
            }
        </style>
	</head>
	<body>
		<select id="mySelect" onchange="info()">
            <option value="三次">3</option>
            <option value="一次">1</option>
            <option value="两次">2</option>
        </select>
        <script>
            function info(){
                var select = document.getElementById("mySelect");
                console.log("允许睡觉"+select.value);
            }
            // function info(){
            //     console.log("不允许睡觉");
            // }
            // span = document.getElementsByTagName('span')[0];
            // span.onmouseout = info1;
            // span.addEventListenter('mouseover',info);
        </script>
	</body>
</html>